.calendar{
	background-color: #FFF;
	#fd{
		display: none;
	}
	.month{
		line-height: 30px;
		color: #ff0000;
		font-size: 18px;
		padding-top: 10px;
	}
	.week{
		width: 100%;
		height: 22px;
		line-height: 22px;
		background-color: #f5f5f5;
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -moz-flex;
	    display: -ms-flexbox;
	    display: flex;
		.w-item{
			width: 100%;
			text-align: center;
			&:nth-child(6){
				color: #a3a3a3;
			}
			&:nth-child(7){
				color: #a3a3a3;
			}
		}
	}
	.bdcalendar{
		position: relative;
		.week-row{
			width: 100%;
			height: 71px;
			display: -webkit-box;
		    display: -webkit-flex;
		    display: -moz-box;
		    display: -moz-flex;
		    display: -ms-flexbox;
		    display: flex;
			.cell{
				text-align: center;
				width: 100%;
				padding-top: 10px;
				position: relative;
				.mask{
					position: absolute;
					top: 10px;
					width: 40px;
					height: 40px;
					padding-top: 5px;
				}
				&.day-yz{
					&.before{
						.mask{
							opacity: 0.5;
							transition: rotate(0deg);
							-webkit-transform: rotate(0deg);
							-o-transform: rotate(0deg);
						}
					}
					.mask{
						background-image: url("../img/calen-flag.png");
						background-repeat: no-repeat;
						background-size: contain;
						transition: rotate(30deg);
						-webkit-transform: rotate(30deg);
						-o-transform: rotate(30deg);
					}
				}
				.box{
					width: 40px;
					height: 40px;
					padding-top: 5px;
				}
				&.today{
					.box{
						border-radius: 50%;
						background-color: #ff3b30;
						color: #fff;
					}
				}

				&.today.day-yz{
					.box{
						border-radius: 50%;
						background-color: inherit;
						color: inherit;
					}
				}
				&:nth-child(6),&:nth-child(7){
					color: #a3a3a3;
				}
				color: #000;
				.so{
					font-size: 16px;
					line-height: 16px;
				}
				.yl{
					font-size: 12px;
					line-height: 12px;
				}
				&.cell-num{
					border-top: solid 1px #ddd;
				}
			}
		}
	}
}